<%-- 
    Document   : cours
    Created on : 2012-04-06, 16:47:39
    Author     : Étienne
--%>

<%@page import="application.beans.DiscussionBean"%>
<%@page import="java.util.List"%>
<%@page import="application.beans.CoursBean"%>
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<%@page import="application.beans.MessageInterneBean"%>
<%@page import="controleur.ConstantesWeb"%>
<%@page import="application.beans.CompteBean"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%  
    Locale currentLocale = Locale.FRENCH;
    ResourceBundle strings = ResourceBundle.getBundle("StringsBundle", currentLocale);
    
    // On va chercher le cours courant
    CoursBean coursCourant = (CoursBean)session.getAttribute(ConstantesWeb.ATTRIBUT_COURS_COURANT);
    pageContext.setAttribute(ConstantesWeb.ATTRIBUT_COURS_COURANT, coursCourant);
    
    // On va chercher le professeur du cours
    CompteBean prof = coursCourant.getProfesseur();
    
    // On va chercher les discussions du cours
    List<DiscussionBean> lstDiscussions = (List<DiscussionBean>)session.getAttribute(ConstantesWeb.ATTRIBUT_DISCUSSIONS_COURS);
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="CSS/styleCours.css" type="text/css"/>
        <link rel="stylesheet" href="CSS/styleGeneral.css" type="text/css"/>
        <title>S.U.P.PORT: <%=coursCourant.getTitre()%></title>
        <script type="text/javascript" src="Scripts/jQuery.js"></script>
        <script type="text/javascript" src="Scripts/scriptsCommun.js"></script>
        <script type="text/javascript" src="Scripts/scriptsAJAX.js"></script>
        <script type="text/javascript" src="Scripts/scriptsCours.js"></script>
    </head>
    <body>
        <%@include file="header.jsp" %>
        <div id="corps">
            <div id="navigation">
                <ol class="nav">
                    <li><a id="hover" class="active" href="./Accueil"><%=strings.getString("NavigationAccueil")%></a></li>
                    <%if(utilisateur != null && utilisateur.getStatut().equals("administrateur")){%>
                        <li><a class="active" href="./GestionCompte"><%=strings.getString("NavigationCompte")%></a></li>
                        <li><a class="active" href="./GestionCours"><%=strings.getString("NavigationCours")%></a></li>
                    <%}%>
                    <li><a class="active" href="aide.jsp"><%=strings.getString("NavigationAide")%></a></li>
                </ol>
            </div>
            <div class="hoverMenu" id="sections">
                <ol>
                    <%for(int i = 0; i < sections.size(); i++){%>
                    <li>
                        <%= sections.get(i).getTitre().concat((sections.get(i).getSousSections().size() > 0)?"   >":"")  %>
                        <% if(sections.get(i).getSousSections().size() != 0){%>
                        <div class="hoverMenu">
                            <ol>
                                <%for(int j = 0; j < sections.get(i).getSousSections().size(); j++){%>
                                <li class="liSousSection" id="<%=j%>">
                                    <form id="formSousSection<%=j%>" action="./SousSection" method="get">
                                        <span>
                                            <%= sections.get(i).getSousSections().get(j).getTitre().concat((sections.get(i).getSousSections().get(j).getDiscussions().size() > 0)?"   >":"")  %>
                                            <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_SOUS_SECTION %>" value="<%= sections.get(i).getSousSections().get(j).getIdSousSection() %>"/>
                                        </span>
                                    </form>
                                    <%if(sections.get(i).getSousSections().get(j).getDiscussions().size() != 0){%>
                                    <div class="hoverMenu">
                                        <ol>
                                            <%for(int k = 0; k < sections.get(i).getSousSections().get(j).getDiscussions().size(); k++){%>
                                            <li class="liDiscussion" id="<%=k%>">
                                                <form id="formDiscussion<%=k%>" action="./Discussion" method="get">
                                                    <span>
                                                        <%= sections.get(i).getSousSections().get(j).getDiscussions().get(k).getTitre() %>
                                                        <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_DISCUSSION %>" value="<%= sections.get(i).getSousSections().get(j).getDiscussions().get(k).getIdDiscussion() %>"/>
                                                    </span>
                                                </form>
                                            </li>
                                            <%}%>
                                        </ol>
                                    </div>
                                    <%}%>
                                </li>  
                                <%}%>
                            </ol>
                        </div>
                        <%}%>
                    </li>  
                    <%}%>
                </ol>
            </div>
            <div id="espCentre">
                <div  id="espInfos" class="alignTop">
                    <table >
                        <thead>
                            <tr>
                                <td colspan="2" class="tailleGrand bold borderBottom"><%= strings.getString("CoursInformations") %></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td colspan="2"><br/></td></tr>
                            <tr>
                                <td class="tailleMoyen bold"><%= strings.getString("CoursTitre") %></td>
                                <td class="tailleMoyen paddingLeft"><%=coursCourant.getTitre()%></td>
                            </tr>
                            <tr>
                                <td class="tailleMoyen bold"><%= strings.getString("CoursCode") %></td>
                                <td class="tailleMoyen paddingLeft"><%=coursCourant.getCodeCours()%></td>
                            </tr>
                            <tr>
                                <td class="tailleMoyen bold"><%= strings.getString("CoursGroupe") %></td>
                                <td class="tailleMoyen paddingLeft">
                                    <%if(coursCourant.getGroupe() != null){%>
                                        <%=coursCourant.getGroupe()%>
                                    <%}else{%>
                                        <%= strings.getString("CoursNonDefini") %>
                                    <%}%>
                                </td>
                            </tr>
                            <tr>
                                <td class="tailleMoyen bold"><%= strings.getString("CoursProfesseur") %></td>
                                <td class="tailleMoyen paddingLeft"><%=prof.getNomComplet()%></td>
                            </tr>
                            <tr>
                                <td class="tailleMoyen bold"><%= strings.getString("CoursDomaine") %></td>
                                <td class="tailleMoyen paddingLeft"><%=coursCourant.getDomaine()%></td>
                            </tr>
                            <tr>
                                <td class="tailleMoyen bold"><%= strings.getString("CoursNbEleves") %></td>
                                <td class="tailleMoyen paddingLeft"><%=coursCourant.getEleves().size()%></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="espMembres" class="alignTop">
                    <table class="fullWidth">
                        <thead>
                            <tr>
                                <td class="tailleGrand bold borderBottom"><%= strings.getString("CoursMessagerie") %></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="alignCenter">
                                    <input type="button" id="btnNouveauMessage" value="<%= strings.getString("CoursBtnNouveau") %>"/>
                                </td>
                            </tr>
                        </tbody>
                    </table> 
                    <table class="fullWidth">
                        <thead>
                            <tr>
                                <td colspan="4" class="tailleMoyen bold"><%= strings.getString("CoursMembre") %></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr id="titresMessage">
                                <td class="colCheck"><input type="checkbox" id="chkTout" /></td>
                                <td class="colImg"></td>
                                <td class="colNom tailleMoyen"><%= strings.getString("CoursMembreNom") %></td>
                                <td class="colCode tailleMoyen"><%= strings.getString("CoursMembreCode") %></td>
                            </tr>
                            <tr class="unMembre taillePetit">
                                <td class="colCheck">
                                    <input type="checkbox" class="chkMembre" name ="<%=prof.getIdCompte()%>" id="chk<%=prof.getIdCompte()%>" username="<%=prof.getUsername()%>"/>
                                    <input type="hidden" class="idProf" id="idProf<%=prof.getIdCompte()%>" value="<%=prof.getIdCompte()%>">
                                    <input type="hidden" id="courriel<%=prof.getIdCompte()%>" value="<%=prof.getCourriel()%>">
                                    <input type="hidden" id="sexe<%=prof.getIdCompte()%>" value="<%=prof.getSexe()%>">
                                    <input type="hidden" id="domaine<%=prof.getIdCompte()%>" value="<%=prof.getDomaineEtude()%>">
                                </td>
                                <td class="colImg">
                                    <img id="img<%=prof.getIdCompte()%>" src="Images/prof.png"/>
                                </td>
                                <td class="colNom">
                                    <span class="nomMembre" id="nom<%=prof.getIdCompte()%>" name="nom<%=prof.getNomComplet()%>"><%=prof.getNomComplet()%></span>
                                </td>
                                <td class="colCode">
                                    <span class="codeMembre" id="code<%=prof.getIdCompte()%>"><%=prof.getCodePermanent()%></span>
                                </td>
                            </tr>
                            <%if(!(coursCourant.getEleves().isEmpty())){
                                for(CompteBean courant:coursCourant.getEleves()){
                                    if(courant.getIdCompte() != prof.getIdCompte()){ %>
                                        <tr class="unMembre taillePetit">
                                            <td class="colCheck">
                                                <input type="checkbox" class="chkMembre" name ="<%=courant.getIdCompte()%>" id="chk<%=courant.getIdCompte()%>" username="<%=courant.getUsername()%>"/>
                                                <input type="hidden" class="idEleve" id="idEleve<%=courant.getIdCompte()%>" value="<%=courant.getIdCompte()%>">
                                                <input type="hidden" id="courriel<%=courant.getIdCompte()%>" value="<%=courant.getCourriel()%>">
                                                <input type="hidden" id="sexe<%=courant.getIdCompte()%>" value="<%=courant.getSexe()%>">
                                                <input type="hidden" id="domaine<%=courant.getIdCompte()%>" value="<%=courant.getDomaineEtude()%>">
                                            </td>
                                            <td class="colImg">
                                                <img id="img<%=courant.getIdCompte()%>" src="Images/eleve.png"/>
                                            </td>
                                            <td class="colNom">
                                                <span class="nomMembre" id="nom<%=courant.getIdCompte()%>" name="nom<%=courant.getNomComplet()%>"><%=courant.getNomComplet()%></span>
                                            </td>
                                            <td class="colCode">
                                                <span class="codeMembre" id="code<%=courant.getIdCompte()%>"><%=courant.getCodePermanent()%></span>
                                            </td>
                                        </tr>
                                <%  }
                                 }
                                }%>
                        </tbody>
                    </table>
                </div>
                <div id="espDiscussions" class="alignTop">
                    <table class="fullWidth">
                        <thead>
                            <tr>
                                <td colspan="4" class="tailleGrand bold borderBottom"><%= strings.getString("CoursDiscussions") %></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr id="titreCours">
                                <td class="colTitre bold"><%= strings.getString("CoursDiscussionsTitre") %></td>
                                <td class="colNbMessages bold"><%= strings.getString("CoursDiscussionsNbMessages") %></td>
                                <td class="colDernVisite bold"><%= strings.getString("CoursDiscussionsDernVisite") %></td>
                                <td></td>
                            </tr>
                            <%if(lstDiscussions != null && !(lstDiscussions.isEmpty())){
                                for(DiscussionBean courant: lstDiscussions){%>
                                <tr class="unCours taillePetit">
                                    <td class="colTitre">
                                        <span class="titreDiscussion" id="disc<%=courant.getIdDiscussion()%>" name="disc<%=courant.getTitre()%>"><%=courant.getTitre()%></span>
                                    </td>
                                    <td class="colNbMessages">
                                        <span class="nbMessageDiscussion" id="nbMsg<%=courant.getIdDiscussion()%>"><%=courant.getNbMessages()%></span>
                                    </td>
                                    <td>
                                        <span class="dernVisiteDiscussion" id="dernVisite<%=courant.getIdDiscussion()%>"><%=courant.getTempsDernierMessage()%></span>
                                    </td>
                                    <td>
                                        <form action="./Discussion" method="get">
                                            <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_DISCUSSION %>" value="<%= courant.getIdDiscussion() %>"/>
                                            <input type="submit" value="Accéder">
                                        </form>
                                    </td>
                                </tr>
                                <%} 
                                } else {%>
                                    <tr>
                                        <td colspan = "4" class="alignCenter"><%= strings.getString("CoursDiscussionsAucune") %></td>
                                    </tr>
                                <%}%>
                        </tbody>
                    </table>
                </div>
            </div>                
        </div>  
        <div id="espLecture" class="popUp">
            <input type="hidden" id="idCompte"/>
            <table class="fullWidth">
                <thead>
                    <tr>
                        <td id="titreLecture" class="fullWidth"></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td id="codeLecture" class="taillePetit"></td>
                    </tr>
                    <tr>
                        <td id="domaineLecture" class="taillePetit"></td>
                    </tr>
                    <tr>
                        <td id="sexeLecture" class="taillePetit"></td>
                    </tr>
                    <tr>
                        <td id="courrielLecture" class="taillePetit"></td>
                    </tr>
                    <tr class="fullWidth">
                        <td class="alignCenter"><input type="button" class="annulerLecture" value="<%= strings.getString("CoursBtnFermer") %>"/></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="espEcriture" class="popUp">
          <form id="formEnvoiMessage" action="./EnvoiMessage" method="post">
            <input type="hidden" id="idUser" name="idUser" value="<%=utilisateur.getIdCompte()%>"/>
            <input type="hidden" id="next" name="<%=ConstantesWeb.PARAM_NEXT%>" value="<%=ConstantesWeb.ATTRIBUT_PAGE_COURS%>"/>
            <table class="fullWidth">
                <thead>
                    <tr>
                        <td><%= strings.getString("CoursMessagesEnvoi") %><span class="pointer annulerEcriture right">[x]</span></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><span id="msgErreurVide" class="taillePetit elemCache"><em><%= strings.getString("CoursMessagesErreurVide") %></em></span>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>
                            <br/><%= strings.getString("CoursMessagesDestinataires") %><br/>
                            <div id="espDestEnvoi" class="taillePetit">
                                <ul id="destinataires">
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><%= strings.getString("CoursMessagesTitre") %><input id="titreEcriture" name="titre" type="text" class="fullWidth noSubmitEnter" maxlength="50"/></td>
                    </tr>
                    <tr>
                        <td class="taillePetit grisPale alignRight">
                            <span id="compteurTitre" class="alignRight">0</span>
                            <span class="alignRight">/50 <%= strings.getString("CoursMessagesCaracteres") %></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <%= strings.getString("CoursMessages") %>
                            <br/>
                            <textarea id="areaEcriture" name="message" maxlength="500"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="taillePetit grisPale alignRight">
                            <span id="compteurMessage">0</span>
                            <span>/500 <%= strings.getString("CoursMessagesCaracteres") %></span>
                        </td>
                    </tr>
                    <tr class="fullWidth">
                        <td class="alignCenter">
                            <input type="button" id="btnEnvoyer" value="<%=strings.getString("CoursBtnEnvoyer")%>" class="pointer"/>
                            <input type="button" class="annulerEcriture pointer" value="<%=strings.getString("CoursBtnAnnuler")%>"/>
                        </td>
                    </tr>
                </tbody>
            </table>
          </form>
        </div>                                        
        <div id="espDisable" class="disable"></div>
        <input type="hidden" id="CoursAlertNoDest" value="<%=strings.getString("CoursAlertNoDest")%>"/>
    </body>
</html>

